<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../images/huanghelou.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/jQuery3.6.0.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <!-- 通用css -->
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/homediv.css">
    <link rel="stylesheet" href="../css/font-awesome-4.7.0/css/font-awesome.min.css">
    <title>Document</title>
</head>

<body>
    <!--头部start-->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <a href="#"><img src="../images/logo.png" alt=""></a>
                </div>
                <div class="col-sm-1"></div>
                <div class="col-sm-8">
                    <div class="row">
                        <div class=".weather">
                            <ul class="list-unstyled list-inline">
                                <li>武汉</li>
                                <li><i class="fa fa-cloud" aria-hidden="true"></i> </li>
                                <li>9~12&#8451;>></li>
                                <!-- 这里可以用路径导航来写 -->
                                <li>中文/</li>
                                <li>EN/</li>
                                <li>FR</li>                  
                            </ul>
                        </div>
                    </div>
                    <div class="row" >
                        <nav class="mynav navbar navbar-static-top">
                            <div class="container-fluid">
                                <div class="navbar-header">
                                    <!--超小时 品牌和最右边的按钮-->
                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                        data-target="#lk_nav" aria-expanded="false">
                                        <span class="sr-only"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="collapse navbar-collapse" id="lk_nav" >
                                    <ul class="nav navbar-nav" id="Navigation">
                                        <li>
                                            <a href="#" class="active">首页</a>
                                        </li>

                                        <li>
                                            <a href="#">走进黄鹤楼</a>                                                          
                                        </li>
                                        <li>
                                            <a href="culture.html">黄鹤楼文化</a>
                                        </li>
                                        <li>
                                            <a href="video.html">黄鹤楼精彩影像</a>
                                            
                                        </li>
                                        <li>
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">公众平台
                                                <span class="caret"></span>
                                            </a>
                                           <ul class="dropdown-menu">
                                               <li><a href="#"> 景区公告</a></li>
                                               <li><a href="survey.html"> 满意度调查</a></li>
                                           </ul>
                                        </li>
                                        <li>
                                            <a href="#">旅游服务</a>
                                           
                                        </li>
                                    </ul>
                                </div>  
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
            
    </header>
    <!--头部end-->
    <!-- banner start -->
    <div id="carousel" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li data-target="#carousel" data-slide-to="0" class="active"></li>
          <li data-target="#carousel" data-slide-to="1"></li>
          <li data-target="#carousel" data-slide-to="2"></li>
        </ol>     
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active">
            <img src="../images/swiper1.jpg" alt="">
           
          </div>
          <div class="item">
            <img src="../images/swiper2.jpg" alt="">
            
          </div>
          <div class="item">
            <img src="../images/swiper3.jpg" alt="" style="height: 100%;">
           
          </div>
          
        </div>
      
        <!-- 左右切换图标 -->
        <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
          <i class="fa fa-chevron-left" aria-hidden="true"></i>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
            <i class="fa fa-chevron-right" aria-hidden="true"></i>
          <span class="sr-only">Next</span>
        </a>
      </div>
    <!-- banner end -->
    <!-- 黄鹤楼简介 start -->
    <div class="row">
            <div class="value">
                <div class="col-md-6">           
                    <div class="itemer1">
                       
                        <img src="../images/简介.jpg" alt="">
                    </div>
                </div>
                <div class="col-md-6">    
                    <div class="itemer2">
                        <h2>
                            <img src="../images/yun1.png"  width="8%"/>
                            黄鹤楼概况
                            <img src="../images/yun2.png"  width="8%"/>
                        </h2>
                        <p>冲决巴山群峰，接纳潇湘云水，浩荡长江在三楚腹地与其最长支流汉水交汇，造就了武汉隔两江而三镇互峙的伟姿。 这里地处江汉平原东缘，鄂东南丘陵余脉起伏于平野湖沼之间，龟蛇两山相夹，江上舟楫如织黄鹤楼天造地设于斯。</p>
                        <p>黄鹤楼是古典与现代熔铸、诗化与美意构筑的精品。她处在山川灵气动荡吐纳的交点，正好映和中华民族喜好登高的民风民俗、亲近自然的空间意识、崇尚宇宙的哲学观念。登黄鹤楼，不仅仅获得愉快，更能使心灵与宇宙意象互渗互融，从而使心灵净化。这大约就是黄鹤楼美的魅力经风雨而不衰，与日月共长存原因之所在。</p>
                    </div>
                </div>    
            </div>
    </div>         
     <!-- 黄鹤楼简介 end -->
    
    <!-- 游览路线 start-->
        <div class=" container-fluid">
            <h2 style="text-align: center;">
                <img src="../images/yun1.png"  width="8%"/>
                游览路线
                <img src="../images/yun2.png"  width="8%"/>
            </h2>
            <div class="row">
                <div class="col-md-2">
                    <img src="../images/rout1.png" alt="">
                </div>
                <div class="col-md-4">
                    <h3>黄鹤楼赏花游览</h3>
                    <div class="rout_text">
                        东门——岳飞铜像——紫薇苑——落梅轩——鹅池——诗碑廊——毛泽东诗词亭——南楼——奇石馆——崔颢题诗图——搁笔亭——古铜顶——千禧钟——黄鹤楼——黄鹤归来铜雕——三楚一楼牌坊——胜像宝塔——西门
                    </div>
                </div>
                <div class="col-md-2">
                    <img src="../images/rout2.png" alt="">
                </div>
                <div class="col-md-4">
                    <h3>诗画路线</h3>
                    <div class="rout_text">
                        南门——鹅池——诗碑廊——紫薇苑——毛泽东诗词亭——南楼——奇石馆——崔颢题诗图——搁笔亭——千禧钟——古铜顶——黄鹤楼——黄鹤归来铜雕——三楚一楼牌坊——胜像宝塔——白云阁——落梅轩——紫薇苑——岳飞铜像——东门
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2">
                    <img src="../images/rout3.png" alt="">
                </div>
                <div class="col-md-4">
                    <h3>英雄名人路线</h3>
                    <div class="rout_text">
                        东门——岳飞铜像——白云阁——南楼——毛泽东诗词亭——九九归鹤图——鹅池——诗碑廊——奇石馆——崔颢题诗图——搁笔亭——黄鹤楼——古铜顶——千禧钟——留云亭——吕仙洞——费祎亭——西爽亭——黄鹤归来铜雕——三楚一楼牌坊——胜像宝塔——西门
                    </div>
                </div>
                <div class="col-md-2">
                    <img src="../images/rout4.jpg" alt="">
                </div>
                <div class="col-md-4">
                    <h3>黄鹤楼导游服务</h3>
                    <div class="rout_text">
                        
            黄鹤楼3个大门口及主楼处均设有导游服务点，国语导游5人内100元/小时（超出5人，每增加一人加收5元）英语导游5人内180元/小时（超出5人，每增加一人加收5元）
                    </div>
                </div>
            </div>
        </div>      
    <!-- 游览路线 end-->
    <!-- 主要景区 start -->
    <div id="portfolio" class="container-fluid text-center bg-grey">
        <h2>
            <img src="../images/yun1.png"  width="8%"/>
            主要景点一览
            <img src="../images/yun2.png"  width="8%"/>
        </h2>
        <div class="row text-center">
            <div class="col-sm-4">
                <div class="thumbnail">
                    <img src="../images/白云阁.jpg" >
                    <h3><strong>白云阁</strong></h3>
                    <span>人气指数</span>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <span class="badge">85</span>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="thumbnail">
                    <img src="../images/西爽亭.jpg" >
                    <h3><strong>西爽亭</strong></h3>
                    <span>人气指数</span>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <span class="badge">73</span>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="thumbnail">
                    <img src="../images/鹅池.jpg" >
                    <h3><strong>鹅池</strong></h3>
                    <span>人气指数</span>
                    <i class="fa fa-star" aria-hidden="true"></i>
                    <span class="badge">94</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 主要景区 end -->
    <!-- footer start -->
    <div class="tail">
        <footer class="footer container">
            <div class="mod_help row">
                <div class="col-md-3 col-xs-6">
                    <dl>
                        <dt>走进黄鹤楼</dt>
                        <dd><a href="#">黄鹤楼介绍</a></dd>
                        <dd><a href="#">景点预览</a></dd>                   
                    </dl>
                </div>
                <div class="col-md-3 col-xs-6">
                    <dl>
                        <dt>新闻资讯</dt>
                        <dd><a href="#">最新活动</a></dd>
                        <dd><a href="#">热点关注</a></dd>
                        <dd><a href="#">精彩推荐</a></dd>
                        <dd><a href="#">景区动态</a></dd>
                        <dd><a href="#">媒体聚焦</a></dd>
                    </dl>
                </div>
                <div class="col-md-3 col-xs-6">
                    <dl>
                        <dt>黄鹤楼文化</dt>
                        <dd><a href="#">黄鹤楼传说</a></dd>
                        <dd><a href="#">黄鹤楼诗词</a></dd>
                        <dd><a href="#">名人书画</a></dd>
                        <dd><a href="#">藏品精粹</a></dd>
                        <dd><a href="#">文物保护</a></dd>
                    </dl>
                </div>
                <div class="col-md-3 col-xs-6">
                    <dl>
                        <dt>公众平台</dt>
                        <dd><a href="#">投诉建议</a></dd>
                        <dd><a href="#">景区公告</a></dd>
                        <dd><a href="#">满意度调查</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                    </dl>
                </div>
            </div>
                <!-- 版权信息模块 -->
                <div class="mod_copyright row">
                        <div class="links">                                     
                                <a href="#">湖北省文化和旅游厅</a>  |  <a href="#"> 武汉市园林和林业局</a>  |   武汉市文化和旅游局 |  武汉东湖 |   携程|   武汉天河国际机场  |   岳阳楼 |  销售联盟   | 滕王阁
                                |   天一阁      | 
                        </div>
                        <div class="copyright">
                            中国&nbsp;&nbsp;武汉&nbsp;&nbsp;黄鹤楼
                        </div>
                </div>
        </footer>
    </div>
    <!-- footer end -->
</body>

</html>